<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>考试成绩</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/exam.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<header class="header">
	<a class="left_icon back_btn"></a>
	<h4 class="title">考试成绩</h4>
</header>

<div class="swiper-container bg-w Main" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children" id="examView">
				<ul class="statuMod tr">
					<li class="correct h5">正确</li>
					<li class="error h5">错误</li>
				</ul>
				<div class="allSubject">
					<span @click="skipDtl(item.id)"  :data-type="item.statu" v-for="(item,index) in subject">{{index+1}}</span>
				</div>
			</div>
			
		</div>
	</div>
</div>

<script type="text/javascript">

var vm = new Vue({
	el:"#Main",
	data:{
		subject:[
			{id:101,statu:0},
			{id:102,statu:0},
			{id:103,statu:0},
			{id:104,statu:0},
			{id:105,statu:0},
			{id:106,statu:0},
			{id:107,statu:0},
			{id:108,statu:0},
			{id:109,statu:1},
			{id:110,statu:0},
			{id:111,statu:0},
			{id:112,statu:0},
			{id:113,statu:0},
			{id:114,statu:1},
			{id:115,statu:0},
			{id:116,statu:0},
			{id:117,statu:0},
			{id:118,statu:0},
			{id:119,statu:1},
			{id:120,statu:0}
		],
	},
	methods:{
		//查看题目
		skipDtl:function(id){
			location.href = 'examViewDtl.html?id='+id;
		},
	},
	mounted:function(){
		pullSwiper('#Main');
	},
});

</script>

</body>
</html>
